<!doctype html>
<html>
	<head>
		<title>{$title}</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="/css/style.css">
		<script src="/js/short.min.js"></script>
		<script src="/js/a.js"></script>
	</head>
	<body>
		<div class="page" id="start_page" style="display:block;background:linear-gradient(45deg,#9af0ff,#9a9aff);">
			<div class="game-title">{$game_title}</div>
			<div class="btns">
				<a href="javascript:;" class="login" id="login">登录</a>
				<a href="javascript:;" class="reg" id="reg">注册</a>
			</div>
		</div>
		<div class="page" id="login_page" style="background:#efefef;">
			<div class="login-form">
				<h1>登录</h1>
				<p><input type="text" id="login_user" placeholder="用户名"></p>
				<p><input type="password" id="login_pwd" placeholder="密码"></p>
				<p><a href="javascript:;" id="loginbtn">登录</a></p>
				<p><a href="javascript:;" class="back-home" data-rootid="login_page">&lt;&lt;返回</a></p>
			</div>
		</div>
		<div class="page" id="reg_page" style="background:#efefef;">
			<div class="login-form">
				<h1>注册</h1>
				<p><input type="text" id="reg_user" placeholder="用户名"></p>
				<p><input type="password" id="reg_pwd" placeholder="密码"></p>
				<p><input type="password" id="reg_pwd2" placeholder="确认密码"></p>
				<p><a href="javascript:;" id="regbtn">注册</a></p>
				<p><a href="javascript:;" class="back-home" data-rootid="reg_page">&lt;&lt;返回</a></p>
			</div>
		</div>
		<div class="page" id="main_page" style="background:#3a2f30;color:#fff;">
			<div class="tabs" id="main_tab" data-page="main_page">
				<a class="on" data-page="pg_game">游戏</a>
				<a data-page="pg_deck" id="deck_tab">卡组</a>
				<a data-page="pg_user" id="user_tab">个人</a>
				<a data-page="pg_mall">商城</a>
			</div>
			<div class="tabpages" id="main_page">
				<div class="p" id="pg_game">
					<p>a</p>
				</div>
				<div class="p" id="pg_deck">
					<div class="decklist" id="decklist">
						<div>
							<a href="javascript:;" class="delete">删除</a>
							<a href="javascript:;" class="seton off">出战</a>
							<a href="javascript:;" class="title">ssb</a>
						</div>
						<div>
							<a href="javascript:;" class="delete">删除</a>
							<a href="javascript:;" class="seton">出战</a>
							<a href="javascript:;" class="title">ssb</a>
						</div>
					</div>
					<a href="javascript:;" id="addnewdeck">创建新卡组</a>
				</div>
				<div class="p" id="pg_user">
					<div class="container">
						<div class="p_info">
							<a href="javascript:;" id="change_avatar">
								<img src="" id="avatar" alt="头像">
							</a>
							<div class="p_i">
								<div class="p_name"><span class="p_level" id="level">Lv. </span><span id="nickname"></span></div>
								<div class="p_cup" id="usercup"></div>
							</div>
						</div>
						<div class="p_gstatics">
							<div><span class="title">胜利</span><span class="value" id="win"></span></div>
							<div><span class="title">平手</span><span class="value" id="even"></span></div>
							<div><span class="title">失败</span><span class="value" id="lose"></span></div>
						</div>
						<div class="p_exp"><div id="exp"></div></div>
					</div>
				</div>
				<div class="p" id="pg_mall">
					<p>d</p>
				</div>
			</div>
		</div>
		<div id="toast"></div>
	</body>
</html>